<template>
  <t-cascader
    class="area-cascader"
    :options="options"
    :placeholder="item.placeholder"
    :clearable="item.clearable"
    :check-strictly="true"
  />
</template>

<script setup lang="ts">
import _ from 'lodash';
import { ref } from 'vue';

import CityData from '@/assets/file/citys';

defineProps({
  item: {
    type: Object as any,
    default: () => {
      return [];
    },
  },
});

const options = ref<any>(_.cloneDeep(CityData));
</script>

<style lang="less" scoped></style>
